<!DOCTYPE html>
<html class="x-admin-sm">
	<head>
		<meta charset="UTF-8">
		<title>欢迎页面-X-admin2.2</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- 		<meta name="viewport"
			content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /> -->
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<script type="text/javascript" src="./js/vue.min.js"></script>
		<link rel="stylesheet" href="./css/iview.css">
		<!-- <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> -->
		<!-- 引入组件库 -->
		<script src="js/vue-resource.js"></script>
		<script src="js/axios.min.js"></script>
		<!-- <script src="//unpkg.com/iview/dist/iview.min.js"></script> -->
		<script src="./js/iview.js"></script>
		<script src="./js/golable_url.js"></script>


	</head>
	<body>
		<div class="x-nav">
			<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href="">演示</a>
				<a>
					<cite>导航元素</cite></a>
			</span>
			<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
				onclick="location.reload()" title="刷新">
				<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
		</div>
		<!-- vue挂载点 由此开始 -->
		<div class="layui-fluid" id="app">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-body ">
							<!-- 注释掉，方便日后升级开发 -->
							<!-- 							<form class="layui-form layui-col-space5">
								<div class="layui-inline layui-show-xs-block">
									<input class="layui-input" autocomplete="off" placeholder="开始日" name="start" id="start">
								</div>
								<div class="layui-inline layui-show-xs-block">
									<input class="layui-input" autocomplete="off" placeholder="截止日" name="end" id="end">
								</div>
								<div class="layui-inline layui-show-xs-block">
									<input type="text" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input">
								</div>
								<div class="layui-inline layui-show-xs-block">
									<button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
								</div>
							</form> -->
							<p>注意：如果页码点不动，说明没有更多数据，请点击右上角刷新回到第一页</p>
						</div>

						<!-- 						<div class="layui-card-header">
							<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
							<button class="layui-btn" onclick="xadmin.open('添加用户','./member-add.html',600,400)"><i class="layui-icon"></i>添加</button>
						</div> -->
						<!-- 注释掉，方便日后升级开发 -->



						<div class="layui-card-body layui-table-body layui-table-main">
							<table class="layui-table layui-form" id="tab_th">
								<thead>
									<tr>

										<!-- 全选预留 -->
										<!--                                    <th>
                                      <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">
                                    </th> -->

										<th style="width: 150px;">工号/学号</th>
										<th style="width: 130px;">姓名</th>
										<th style="width: 30px;">类型</th>
										<th style="width: 130px;">电话</th>
										<th style="width: 60px;">校区</th>
										<th>地点</th>
										<th style="width: 400px;">描述</th>
										<th>添加时间</th>
										<th>修改状态</th>
										<th style="width: 30px;">删除</th>
										<th>照片详情</th>


									</tr>
								</thead>
								<tbody>
									<tr v-for="(item,index)  in randomPhotoList" :key="index">
										<!-- 										<td>
											<input type="checkbox" name="id" value="1" lay-skin="primary">
										</td> -->
										<td>{{item.workNum}}</td>
										<td>{{item.name}}</td>
										<!-- 角色 -->
										<td>{{item.userRole}}</td>

										<td>


											<p v-for="(phoneItem,index) in item.phoneList" :key="index">
												{{phoneItem.phone}}
											</p>
										</td>



										<td>{{item.campus}}</td>
										<!-- <td>{{item.auditState}}</td> -->
										<td>{{item.place}}</td>
										<td>{{item.troubleDescribe}}
										</td>
										<td>{{item.addTime}}</td>

										<td @click="getHiddenTroubleId(item.hiddenTroubleId)">
											<i-select @on-change="changeStatus(index)" size="small"
												:placeholder=item.auditState v-model="selectStatus[index]"
												style="width:100px">
												<i-option v-for="item in hiddenTroubleIdStatus" :value="item.value"
													:key="item">
													{{ item.label }}
												</i-option>
											</i-select>


										</td>
										<td>
											<i class="layui-icon" title="删除"
												@click="hideDel(item.hiddenTroubleId);modal2 = true">&#xe640;</i>
										</td>

										<Modal v-model="modal2" width="360">
											<p slot="header" style="color:#f60;text-align:center">
												<Icon type="information-circled"></Icon>
												<span>删除确认</span>
											</p>
											<div style="text-align:center">
												<!--  <p>此任务删除后，下游 10 个任务将无法执行。</p> -->
												<p>是否删除所有图片？</p>
											</div>
											<div slot="footer">
												<i-button type="error" size="large" long :loading="modal_loading"
													@click="del">删除</i-button>
											</div>
										</Modal>
										</td>
										<td>
											<!-- 											<button class="layui-btn layui-btn layui-btn-xs"
												onclick="xadmin.open('详情','hidden_trouble_more_data.html')"
												@click="ByUserIdTel(item.hiddenTroubleId,item.name)"><i
													class="layui-icon">&#xe642;</i>详情</button> -->
											<button class="layui-btn layui-btn layui-btn-xs"
												@click="showpopup(item.hiddenTroubleId)"><i
													class="layui-icon">&#xe642;</i>查看大图</button>
										</td>
										
										<div v-show="popup" @click="closepopup">
											<!--这里是要展示的内容层 -->
											<div class="center_img">
												<img :src=img_path alt="" style="width: 100%;height: 100%;"/>
										
											</div>
											<!--这里是半透明背景层   :disabled=false-->
											<div class="over"></div>
										</div>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- ---------分页 -->
						<div class="bottom_page">
							<Page :total=99999  page-size=20  :disabled=forbidden_page  @on-change="accordPageHideList"></Page>
						</div>

					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="./js/hideImg.js"></script>
	</body>
</html>
